<template>
  <div>
    <el-menu
      default-active="1"
      class="el-menu-vertical-demo"
      @select="handleSelect"
    >
      <el-menu-item index="SubjectSelector">校区设置</el-menu-item>
      <el-menu-item index="Search">搜索栏</el-menu-item>
      <el-menu-item index="Banner">轮播图</el-menu-item>
      <el-menu-item index="Notice">公告</el-menu-item>
      <el-menu-item index="FunctionEntry">功能入口</el-menu-item>
      <el-menu-item index="QuickEntry">快捷入口</el-menu-item>
      <el-menu-item index="BrandRecommend">品牌推荐</el-menu-item>
      <el-menu-item index="RichContent">富文本</el-menu-item>
      <el-menu-item index="ImageLink">图片链接</el-menu-item>
      <el-menu-item index="Video">视频</el-menu-item>
      <el-menu-item index="Courseware">课件</el-menu-item>
      <el-menu-item index="Product">商品</el-menu-item>
      <el-menu-item index="Column">专栏</el-menu-item>
      <el-menu-item index="ExternalProduct">外链商品</el-menu-item>
      <el-menu-item index="Vote">投票</el-menu-item>
      <el-menu-item index="ContentList">内容列表</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  methods: {
    handleSelect(key) {
      this.$emit('add-module', key)
    }
  }
}
</script>
